<template>
  <div class="pages_content table">
    <el-container>
      <el-header>
        <breaDcrumb />
      </el-header>
      <el-main>
        <div class="tabtop">
          <div v-for="(item, index) in contractTypelist" :key="index" @click="choose(item.id)">
            <div :class="currenindex == item.id ? 'active' : 'text'">
              {{ item.value }}
            </div>
          </div>
        </div>
        <div class="header_right" @click="showCardNav = !showCardNav">
          <div class="title">搜索</div>
          <div>
            <div :class="{ 'arrowTransform': !showCardNav, 'arrowTransformReturn': showCardNav}">
              <i style="margin-right: 5px" class="el-icon-arrow-down"></i>
            </div>
            <!-- <span v-show="showCardNav">
              <i style="margin-right: 5px" class="el-icon-arrow-up"></i>
            </span> -->
          </div>
        </div>
        <div v-show="showCardNav" class="hr"></div>
        <el-collapse-transition>
          <div v-show="showCardNav">
            <div class="search">
              <span style="display: inline-block;margin-bottom: 10px;">
                <span style="margin-right: 12px;">工程名称</span>
                <el-input v-model="tableParam.engineeringName" style="width: 200px;" clearable placeholder="请输入" @keyup.enter.native="gettableData()" />
              </span>
              <span style="margin-left: 24px;">
                <span style="margin-right: 12px;">合同编号</span>
                <el-input v-model="tableParam.contractNo" style="width: 20%;max-width: 200px;" clearable placeholder="请输入" @keyup.enter.native="gettableData()" />
              </span>
              <span style="margin-left: 24px;">
                <span style="margin-right: 12px;">责任预算员</span>
                <el-select :key="tableParam.budgetPersonId" v-model="tableParam.budgetPersonId" style="width: 15%;max-width: 150px;" placeholder="请选择">
                  <el-option label="全部" value=""></el-option>
                  <el-option v-for="item in budgetPersonIdList" :key="item.userId" :label="item.userName" :value="item.userId"></el-option>
                </el-select>
              </span>
              <el-button icon="el-icon-search" size="medium" class="bottom_all but1" @click="(tableParam.page = 1), gettableData()">查 询</el-button>
              <el-button size="medium" class="bottom_all_two" style="margin-left:12px;" @click="init()">重 置</el-button>
            </div>
          </div>
        </el-collapse-transition>
        <div class="hr"></div>
        <div class="card">
          <div v-loading="tableLoading" class="card_info" :style="style">
            <el-table :header-cell-style="{ background: '#f3f6f9' }" :cell-style="{ borderRight: 'none' }" border stripe style="width:100%" :data="tableData" tooltip-effect="dark" @selection-change="handleSelectionChange">
              <el-table-column align="center" type="selection"></el-table-column>
              <template v-for="(item, index2) in table">
                <el-table-column v-if="item.status" :key="index2" :label="item.label" align="center" :width="item.width">
                  <template slot-scope="scope">
                    <el-button v-if="item.label == '用料计划'" size="mini" class="bottom_one" @click="ToViewFun(scope.row)">查看</el-button>
                    <div v-else-if="item.label == '供应阶段'">
                      <el-select v-model="scope.row.phaseId0" style="width: 100%;" @change="controlupdatePhaseFun(scope.row)">
                        <el-option v-for="(item,k) in scope.row.phaseIdList" :key="k" :label="item.supplyPhase" :value="item.id"></el-option>
                      </el-select>
                    </div>
                    <span v-else>{{ scope.row[item.prop] }}</span>
                  </template>
                </el-table-column>
              </template>
            </el-table>
          </div>
          <div class="card_bottom">
            <div class="card_bottom_left">
              <div class="top_page_totle">总共{{ total }}条</div>
              <el-pagination :current-page.sync="tableParam.page" :page-size="tableParam.pageSize" layout="prev, pager, next, jumper" :total="total" @current-change="gettableData()"></el-pagination>
            </div>
            <div>
              <el-button size="mini" icon="el-icon-refresh-right" class="bottom_all_two" @click="gettableData">刷新</el-button>
            </div>
          </div>
        </div>
      </el-main>
    </el-container>
    <!-- 查看 -->
    <el-dialog v-dialogDrag :visible.sync="ToViewType" width="1000px" :close-on-click-modal="false">
      <span slot="title" class="dialog-title">用料计划详情</span>
      <div class="dialoginfo">
        <div class="FZYulli">
          <span>工程名称：{{tableInfo.engineeringName}}</span>
          <span>客户名称：{{tableInfo.customerName}}</span>
          <span>累计浇筑量：{{tableInfo.totalPoureCount}}</span>
          <span>限量设置：{{tableInfo.limitEstimateNum}}</span>
          <span>限时设置：{{tableInfo.limitFinishTime}}</span>
        </div>
        <div>
          <div style="position: relative;margin-bottom:10px;">
            <div v-show="tableInfo.phaseId0!=2">
              <el-button size="mini" class="bottom_all" style="margin-left: 0;" @click="chongZhi(),addDialogFun()">
                <i class="icon iconfont iconicon_button_add" style="font-size: 12px;"></i>
                添加计划
              </el-button>
              <el-button size="mini" class="bottom_four" @click="cancelPlanByIdsFun()">
                取消订单
              </el-button>
            </div>
            <div style="position: relative;margin-top:3px;">
              <div style="padding:5px 0;">
                <div>
                  <el-select v-model="query.approvalStatus" placeholder="状态" size="mini" style="width: 100px;margin-right: 10px;">
                    <el-option label="未审核" value="1"></el-option>
                    <el-option label="通过" value="2"></el-option>
                    <el-option label="未通过" value="3"></el-option>
                    <el-option label="已取消" value="4"></el-option>
                  </el-select>
                  <el-input v-model="query.orderNo" size="mini" style="width: 130px;margin-right: 10px;" placeholder="订单号"></el-input>
                  <el-input v-model="query.structuralParts" size="mini" style="width: 130px;margin-right: 10px;" placeholder="浇筑部位"></el-input>
                  <el-date-picker v-model="query.pouringTime" type="date" value-format="yyyy-MM-dd" placeholder="浇筑日期" size="mini" style="width: 160px;margin-right: 10px;"></el-date-picker>
                  <el-date-picker v-model="query.createTime" type="date" value-format="yyyy-MM-dd" placeholder="下单日期" size="mini" style="width: 160px;margin-right: 10px;"></el-date-picker>
                  <el-button size="mini" class="bottom_all but1" style="margin-left: 0px;" @click="ToViewFun()">搜索</el-button>
                  <el-button size="mini" class="bottom_all_two" style="margin-left:10px;" @click="query={},ToViewFun()">重 置</el-button>
                </div>
              </div>
            </div>
          </div>
          <el-table :header-cell-style="{ background: '#f3f6f9' }" :cell-style="{ borderRight: 'none' }" border stripe style="width:100%" :data="toViewList" tooltip-effect="dark" height="500" @selection-change="handleSelectionChange">
            <el-table-column align="center" type="selection" :selectable="selectableFun"></el-table-column>
            <el-table-column label="订单号" align="center" width="120" prop="orderNo"></el-table-column>
            <el-table-column label="浇筑部位" align="center" prop="structuralParts"></el-table-column>
            <el-table-column label="浇筑用量（方）" align="center" prop="pouringNum"></el-table-column>
            <el-table-column label="产品名称" align="center" prop="productName" min-width="200"></el-table-column>
            <el-table-column label="浇筑时间" align="center" prop="pouringTime"></el-table-column>
            <el-table-column label="下单时间" align="center" prop="createTime"></el-table-column>
            <el-table-column label="审核状态" align="center" prop="approvalStatus">
              <template slot-scope="scope">
                <div v-if="scope.row.approvalStatus == 1">未审核</div>
                <div v-if="scope.row.approvalStatus == 2 && (scope.row.customerCheckStatus !==6 && scope.row.customerCheckStatus !==3)">通过</div>
                <div v-if="scope.row.approvalStatus == 3 || scope.row.customerCheckStatus === 3">未通过</div>
                <div v-if="scope.row.approvalStatus == 4 || scope.row.customerCheckStatus === 6">已取消</div>
              </template>
            </el-table-column>
            <el-table-column label="操作" align="left">
              <template slot-scope="scope">
                <el-link v-if="scope.row.approvalStatus == 1 && currenindex === 1 && scope.row.customerCheckStatus !== 6" class="table_link" :underline="false" @click="ToViewFun2(scope.row, true)">审核</el-link>
                <el-link v-else class="table_link" :underline="false" @click="ToViewFun2(scope.row, false)">查看</el-link>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button class="bottom_all_two" @click="ToViewType = false">关 闭</el-button>
      </span>
    </el-dialog>
    <!-- 添加 -->
    <el-dialog v-dialogDrag :visible.sync="addDialog" width="1000px" :close-on-click-modal="false">
      <span slot="title" class="dialog-title">添加计划</span>
      <div class="dialoginfo">
        <el-form ref="reffromData" :rules="rules" :inline="true" :model="formData" label-width="110px">
          <el-form-item>
            <span slot="label">工程名称</span>
            <div style="width: 320px;">{{formData.engineeringName}}</div>
          </el-form-item>
          <el-form-item prop="structuralParts">
            <span slot="label">浇筑部位</span>
            <el-select v-model="formData.structuralParts" filterable allow-create default-first-option placeholder="请选择" @change="structuralPartsCheckFun()">
              <el-option v-for="item in structuralPartsList" :key="item.id" :label="item.structuralParts+(item.used==1?'-已选择':'-未选择')" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item prop="strengthGradeId" label="强度等级" :rules="[{required: true,message: '请选择强度等级',trigger: 'change',}]">
            <el-select v-model="formData.strengthGradeId" placeholder="请选择">
              <el-option v-for="item in strengthGradeList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">性能等级</span>
            <el-select v-model="formData.performanceGradeIdList" multiple placeholder="请选择">
              <el-option v-for="item in performanceGradeList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">材料要求</span>
            <el-select v-model="formData.meterialRequirementsIdList" multiple placeholder="请选择">
              <el-option v-for="item in meterialRequirementsList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">特殊要求</span>
            <el-select v-model="formData.specialRequirementsIdList" multiple placeholder="请选择">
              <el-option v-for="item in specialRequirementsList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">其他要求</span>
            <el-select v-model="formData.otherRequirementsIdList" multiple placeholder="请选择">
              <el-option v-for="item in otherRequirementsList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">外加剂要求</span>
            <el-select v-model="formData.admixtureRequirementsIdList" multiple placeholder="请选择">
              <el-option v-for="item in admixtureRequirementsList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item prop="pouringMethodIdList" :rules="[{required: true,message: '请选择浇筑方式',trigger: 'change',}]">
            <span slot="label">浇筑方式</span>
            <el-select v-model="formData.pouringMethodIdList" multiple placeholder="请选择">
              <el-option v-for="item in pouringMethodList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item prop="pouringTime">
            <span slot="label">浇筑时间</span>
            <el-date-picker v-model="formData.pouringTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择"></el-date-picker>
          </el-form-item>
          <el-form-item>
            <span slot="label">泵送高度</span>
            <el-input v-model="formData.pouringHigh" placeholder="请输入">
              <span slot="suffix">米</span>
            </el-input>
          </el-form-item>
          <el-form-item prop="pouringNum" :rules="[{required: true,message: '请输入浇筑用量',trigger: 'change',}]">
            <span slot="label">浇筑用量</span>
            <el-input v-model="formData.pouringNum" placeholder="请输入" onkeypress='return( /\d|\./.test(String.fromCharCode(event.keyCode)))' @input="formData.pouringNum=$regExp.checkNum(formData.pouringNum)" @blur="formData.pouringNum=$regExp.blurCheckNum(formData.pouringNum)">
              <span slot="suffix"> m³</span>
            </el-input>
          </el-form-item>
          <el-form-item prop="person">
            <span slot="label">联系人</span>
            <el-input v-model="formData.person" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item prop="phoneNum">
            <span slot="label">联系电话</span>
            <el-input v-model="formData.phoneNum" type="Number" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item prop="structureSize">
            <span slot="label">订单备注</span>
            <el-input v-model="formData.orderRemark" :rows="5" resize="none" style="width: 760px;" type="textarea" placeholder="请输入" clearable></el-input>
          </el-form-item>
        </el-form>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button class="bottom_all_two" @click="addDialog =false">取 消</el-button>
        <el-button class="bottom_all" style="margin-left: 24px;" @click="submit()">确 定</el-button>
      </span>
    </el-dialog>
    <!-- 审核 -->
    <el-dialog v-dialogDrag :visible.sync="addDialog2" width="1005px" :close-on-click-modal="false">
      <span slot="title" class="dialog-title">计划审核</span>
      <div class="dialoginfo scroll" style="height: calc(85vh - 230px);padding-right:5px;overflow: auto;">
        <div class="form-title" style="margin-bottom:10px;">订单信息</div>
        <el-form ref="reffromData2" :rules="rules2" :inline="true" :model="formData2" label-width="110px" :disabled="!isReadOnly">
          <el-form-item>
            <span slot="label">工程名称</span>
            <div style="width: 320px;">{{formData2.engineeringName}}</div>
          </el-form-item>
          <el-form-item>
            <span slot="label">浇筑部位</span>
            <div style="width: 320px;">{{formData2.structuralParts}}</div>
          </el-form-item>
          <el-form-item>
            <span slot="label">下单时间</span>
            <div style="width: 320px;">{{formData2.createTime}}</div>
          </el-form-item>
          <el-form-item>
            <span slot="label">订单提交人</span>
            <div style="width: 320px;">{{formData2.createUserName}}</div>
          </el-form-item>
          <el-form-item>
            <span slot="label">强度等级</span>
            <el-select v-model="formData2.strengthGradeId" disabled>
              <el-option v-for="item in strengthGradeList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">性能等级</span>
            <el-select v-model="formData2.performanceGradeIdList" multiple disabled>
              <el-option v-for="item in performanceGradeList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">材料要求</span>
            <el-select v-model="formData2.meterialRequirementsIdList" multiple disabled>
              <el-option v-for="item in meterialRequirementsList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">特殊要求</span>
            <el-select v-model="formData2.specialRequirementsIdList" multiple disabled>
              <el-option v-for="item in specialRequirementsList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">其他要求</span>
            <el-select v-model="formData2.otherRequirementsIdList" multiple disabled>
              <el-option v-for="item in otherRequirementsList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">外加剂要求</span>
            <el-select v-model="formData2.admixtureRequirementsIdList" multiple disabled>
              <el-option v-for="item in admixtureRequirementsList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">联系人</span>
            <el-input v-model="formData2.person" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item>
            <span slot="label">联系电话</span>
            <el-input v-model="formData2.phoneNum" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item prop="pouringNum" :rules="[{required: true,message: '请输入浇筑用量',trigger: 'change',}]">
            <span slot="label">浇筑用量</span>
            <el-input v-model="formData2.pouringNum" placeholder="请输入" onkeypress='return( /\d|\./.test(String.fromCharCode(event.keyCode)))' @input="formData2.pouringNum=$regExp.checkNum(formData2.pouringNum)" @blur="formData2.pouringNum=$regExp.blurCheckNum(formData2.pouringNum)"><span slot="suffix"> m³</span></el-input>
          </el-form-item>
          <el-form-item prop="pouringMethodIdList" :rules="[{required: true,message: '请选择浇筑方式',trigger: 'change',}]">
            <span slot="label">浇筑方式</span>
            <el-select v-model="formData2.pouringMethodIdList" multiple placeholder="请选择">
              <el-option v-for="item in pouringMethodList" :key="item.id" :label="item.name" :value="item.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item prop="pouringTime">
            <span slot="label">浇筑时间</span>
            <el-date-picker v-model="formData2.pouringTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择"></el-date-picker>
          </el-form-item>
          <el-form-item prop="pouringHigh">
            <span slot="label">泵送高度</span>
            <el-input v-model="formData2.pouringHigh" placeholder="请输入" onblur="if(value > 5000 ){value = 5000}else if(value < 1 ){ value = 1}" onkeypress='return( /\d|\./.test(String.fromCharCode(event.keyCode)))' @input="formData2.pouringHigh=$regExp.checkNum(formData2.pouringHigh)" @blur="formData2.pouringHigh=$regExp.blurCheckNum(formData2.pouringHigh)">
              <span slot="suffix">米</span>
            </el-input>
          </el-form-item>
          <el-form-item prop="noteName">
            <span slot="label">票单名称</span>
            <el-input v-model="formData2.noteName" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item prop="graphicNum">
            <span slot="label">产品名称</span>
            <el-input v-model="formData2.productName" disabled placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item>
            <span slot="label">客户备注</span>
            <el-input v-model="formData2.remark" disabled placeholder="请输入"></el-input>
          </el-form-item>
        </el-form>
        <el-form ref="reffromData2_2" :rules="rules2_2" :inline="true" :model="formData2_2" label-width="110px" :disabled="!isReadOnly">
          <!-- <div class="form-title" style="margin-bottom:10px;">作业安排</div> -->
          <el-form-item v-if="UserInfo.adminStatus == 1">
            <span slot="label">公司</span>
            <el-select v-model="formData.companylistId" placeholder="请选择" @change="companylistChangeFun(),$nextTick(()=>{formData.company = $refs.selection1.selectedLabel})">
              <el-option v-for="item in companylist" :key="item.id" :label="item.comPanyName" :value="item.companyId"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item prop="pointId">
            <span slot="label">供应站点</span>
            <el-select ref="pointName" v-model="formData2_2.pointId" placeholder="请选择" @change="get_simple_organizationFun(formData2_2.pointId),$nextTick(()=>{formData2_2.pointName = $refs.pointName.selectedLabel})">
              <el-option v-for="(v,k) in sitelist" :key="k" :label="v.name" :value="v.id"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">结算方式</span>
            <el-select ref="selection1" v-model="formData2_2.settleId" placeholder="请选择" @change="$nextTick(()=>{formData2_2.settleName = $refs.selection1.selectedLabel})">
              <el-option label="双控" value="0"></el-option>
              <el-option label="图算" value="1"></el-option>
              <el-option label="实结" value="2"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">富余量</span>
            <el-select ref="lossNum" v-model="formData2_2.lossNumId" placeholder="请选择" @change="$nextTick(()=>{formData2_2.lossNum = $refs.lossNum.selectedLabel})">
              <el-option v-for="(v,k) in marginNumberList" :key="k" :label="v.itemName" :value="v.id" :disabled="numberType(v.itemName)"></el-option>
            </el-select>
          </el-form-item>
          <!-- <el-form-item>
            <span slot="label">前场工长</span>
            <el-select v-model="formData2_2.foremanId" placeholder="请选择">
              <el-option v-for="(v,k) in foremanIdList" :key="k" :label="v.userName" :value="v.userId"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <span slot="label">泵送</span>
            <el-input v-model="formData2_2.pumpingTeam" style="width:282px;" disabled></el-input>
            <el-link class="table_link" :underline="false" @click="ToViewFun3('泵送')">选择</el-link>
          </el-form-item>
          <el-form-item>
            <span slot="label">运输</span>
            <el-input v-model="formData2_2.tankCar" style="width:282px;" disabled></el-input>
            <el-link class="table_link" :underline="false" @click="ToViewFun3('运输')">选择</el-link>
          </el-form-item>
          <el-form-item>
            <span slot="label">泵管</span>
            <el-input v-model="formData2_2.pipeName" style="width:282px;" disabled></el-input>
            <el-link class="table_link" :underline="false" @click="ToViewFun3('泵管')">选择</el-link>
          </el-form-item> -->
          <el-form-item>
            <span slot="label">外部备注</span>
            <el-input v-model="formData2.orderRemark" :rows="1" resize="none" style="width: 760px;" type="textarea" placeholder="请输入" clearable></el-input>
          </el-form-item>
          <el-form-item>
            <span slot="label">增值服务项</span>
            <div style="width: 660px;height:36px;">{{servicePoint}}</div>
          </el-form-item>
          <el-form-item>
            <el-button class="bottom_two" @click="choiseBussinessPoint()">更改</el-button>
          </el-form-item>
          <el-form-item>
            <span slot="label">内部备注</span>
            <el-input v-model="formData2_2.remark" :rows="1" resize="none" style="width: 760px;" type="textarea" placeholder="请输入" clearable></el-input>
          </el-form-item>
          <el-form-item v-show="remarkList.length>0">
            <span slot="label">历史备注</span>
            <div v-for="(v,k) in remarkList" :key="k">{{v.planRemark}}</div>
          </el-form-item>
          <div class="form-title" style="display:flex; justify-content:space-between;padding-bottom:20px"><span>风险管控</span> <span style="font-weight:500;font-size:14px" @click="showCardNav2 = !showCardNav2">更多</span></div>
          <el-collapse-transition>
            <div v-show="showCardNav2" class="FZYkaPian">
              <div>
                <table>限时</table>
                <h5>限时设置：</h5>
                <div>开始：{{assess.limitBeginTime}}</div>
                <div style="margin-top:10px;">结束：{{assess.limitFinishTime}}</div>
                <h5>截止限时提醒：</h5>
                <div>提醒：{{assess.noticeLimitFinishTime}}</div>
              </div>
              <div>
                <table>限量</table>
                <h5>当前实际供应量：</h5>
                <div>{{assess.totalPouringNum}} 立方米</div>
                <h5>限量设置：</h5>
                <div>{{assess.limitEstimateNum}} 立方米</div>
                <h5>提醒设置：</h5>
                <div>{{assess.noticeLimitEstimateNum}} 立方米</div>
              </div>
              <div>
                <table>限额</table>
                <h5>累计结算金额：</h5>
                <div>{{assess.totalSettlement}} 万</div>
                <h5>限额设置：</h5>
                <div>{{assess.limitPrice}} 万</div>
                <h5>提醒设置：</h5>
                <div>{{assess.noticeLimitPrice}} 立方米</div>
              </div>
            </div>
          </el-collapse-transition>
          <div style="position: relative;margin-bottom:10px;height:30px;">
            <div class="form-title">工程图算查询</div>
            <div style="position: absolute;right: 0;top: 0;">
              浇筑部位：
              <el-input v-model="searchText" size="mini" style="width: 130px;"></el-input>
              <el-button size="mini" class="bottom_all but1" style="margin-left: 10px;" @click="get_graphic_managerFun()">搜索</el-button>
            </div>
          </div>
          <el-table :header-cell-style="{ background: '#f3f6f9' }" :cell-style="{ borderRight: 'none' }" border stripe style="width:100%" :data="ListArr" tooltip-effect="dark">
            <el-table-column type="index" label="序号" width="50"></el-table-column>
            <el-table-column label="浇筑部位" align="center" prop="structuralParts"></el-table-column>
            <el-table-column label="标号" align="center" prop="gradeNo"></el-table-column>
            <el-table-column label="图算量" align="center" prop="graphicNum"></el-table-column>
            <el-table-column label="备注说明" align="center" prop="remark" show-overflow-tooltip></el-table-column>
            <el-table-column label="标记" align="center" show-overflow-tooltip>
              <template slot-scope="scope">
                {{scope.row.used ==0?'未选择':'已选择' }}
              </template>
            </el-table-column>
            <el-table-column label="主要结构尺寸" align="center" prop="structureSize" show-overflow-tooltip></el-table-column>
          </el-table>
        </el-form>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button class="bottom_all_two" @click="addDialog2 = false">{{!isReadOnly?'关 闭':'取 消'}}</el-button>
        <el-button v-show="isReadOnly" class="bottom_all" style="margin-left: 24px;" @click="submit2(3)">未通过</el-button>
        <el-button v-show="isReadOnly" class="bottom_all" style="margin-left: 24px;" @click="submit2(2)">通 过</el-button>
      </span>
    </el-dialog>
    <!-- 选择表格 -->
    <el-dialog v-dialogDrag :visible.sync="chooseType" width="1000px" :close-on-click-modal="false">
      <span slot="title" class="dialog-title">{{ToViewFun3Name}}</span>
      <div class="dialoginfo">
        <div>
          <el-table ref="multipleTable" :header-cell-style="{ background: '#f3f6f9' }" :cell-style="{ borderRight: 'none' }" border stripe style="width:100%" :data="toViewList2" tooltip-effect="dark">
            <el-table-column width="55">
              <template slot-scope="scope">
                <el-radio v-model="radio" :label="scope.row" @change="radioFun(scope.row)">{{""}}</el-radio>
              </template>
            </el-table-column>
            <el-table-column label="合同编号" align="center" prop="contractNumber"></el-table-column>
            <el-table-column label="合同单位" align="center" prop="supplierName"></el-table-column>
            <el-table-column label="合同等级" align="center" prop="cooperationClass"></el-table-column>
          </el-table>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button class="bottom_all_two" @click="chooseType = false">关 闭</el-button>
        <el-button class="bottom_all" @click="radioAddFun()">确认</el-button>
      </span>
    </el-dialog>
    <!-- 管控业务点 -->
    <el-dialog v-dialogDrag :visible.sync="bussinessVisible" width="60%">
      <span slot="title" class="dialog-title">管控业务点</span>
      <el-checkbox-group v-model="buspointids">
        <template v-for="(item,index) in buspointArr">
          <div :key="index" class="checkbox-bg">
            <el-checkbox :label="item.id">{{item.itemName}}</el-checkbox>
          </div>
        </template>
      </el-checkbox-group>
      <span slot="footer" class="dialog-footer">
        <el-button class="bottom_all_two" @click="bussinessVisible = false">关 闭</el-button>
        <el-button class="bottom_all" @click="handlePoint">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script src="./planreview.js"></script>

<style lang="scss" scoped>
.table_top {
  color: #008000;
}
.table_top:hover {
  color: #008000 !important;
  opacity: 0.8;
}
.el-input,
.el-select {
  width: 320px;
}
.table_link {
  margin-left: 10px;
  color: $bg_color;
}
.table_link:hover {
  opacity: 0.8;
}
.FZYkaPian {
  display: flex;
  > div {
    flex: 1;
    border-radius: 15px;
    padding: 15px 20px;
    background: #f2f2f2;
    margin: 0 30px 30px 30px;
    table {
      width: 100%;
      font-size: 22px;
      text-align: center;
    }
    h5 {
      margin: 15px 0px;
      font-size: 14px;
      font-weight: 600;
    }
  }
}
.FZYulli {
  position: relative;
  top: -20px;
  > span {
    display: inline-block;
    margin-right: 50px;
  }
}
.form-title {
  font-weight: 600;
  font-size: 16px;
}
.searchTextBox {
  position: absolute;
  right: 0;
  top: -8px;
}
.productName {
  display: block;
  height: 32px;
  width: 760px;
  white-space: nowrap; //强制不换行
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.checkbox-bg {
  margin: 0 10px 10px 10px;
  display: inline-block;
}
.tabtop {
  width: 381px;
}
</style>